body {
    background-color: gray;
}

.whole {
    width: 500px;
    height: 400px;
    border-radius: 20px;
    margin: 50px auto;
    background-color: white;
    position: relative;
}

.top {
    width: 500px;
    height: 50px;
    margin: 50px auto;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-color: yellowgreen;
}

h4 {
    text-align: center;
    line-height: 50px;
}

.bottom {
    height: 20px;
    width: 500px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position: absolute;
    bottom: 0;
    background-color: yellowgreen;
}

.text {
    width: 500px;
    height: 31px;
    position: absolute;
    bottom: 20px;
    border-top: 1px solid;
}

input {
    width: 440px;
    height: 26px;
}

button {
    width: 44px;
    height: 26px;
}